📝 Guía de Formularios en HTML y CSS

Los formularios permiten recopilar datos de los usuarios (como nombre, email, contraseñas o comentarios).

🔑 1. Estructura básica de un formulario

<form action="procesar.php" method="POST">
  <label for="nombre">Nombre:</label>
  <input type="text" id="nombre" name="nombre">

  <button type="submit">Enviar</button>
</form>

👉 <form> define el formulario. action indica a dónde se envían los datos, y method puede ser GET o POST.

🔑 2. Campos de entrada básicos

<input type="text">       Texto corto  
<input type="email">      Correo electrónico  
<input type="password">   Contraseña  
<input type="number">     Números  
<input type="date">       Fecha

🔑 3. Área de texto (comentarios largos)

<textarea rows="4" cols="30"></textarea>

🔑 4. Listas desplegables (select)

<select>
  <option>Opción 1</option>
  <option>Opción 2</option>
</select>

🔑 5. Radio buttons y checkboxes

<input type="radio" name="genero" value="M"> Masculino  
<input type="radio" name="genero" value="F"> Femenino  

<input type="checkbox" name="suscripcion"> Acepto recibir noticias

🔑 6. Botones

<button type="submit">Enviar</button>  
<button type="reset">Limpiar</button>